<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>index</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
  <header>
    <div  class="logo">
    <h1>c<b>a</b>lm</h1>
      <span class="text">我的博客</span>
  </div>
  <nav>
    <ul>
     <li class="active">
      <a href="#">首页</a>
     </li>
     <li>
      <a href="#">博客</a>
     </li>
     <li>
      <a href="#">公告</a>
     </li>
     <li>
      <a href="#">联系</a>
     </li>
    </ul>
  </nav>
  </header>
    <div  class="center">
      <div class="">
        <div class="">
          欢迎来到我的博客！
        </div>
        <div class="">
       A theme more stylish whan than other on ThemeForest.
        </div>
      </div>
    <div class="arctile">
<div class="nav-list">
      <ul>
       <li>
         <a href="#">ALL/</a>
       </li>
       <li>
         <a href="#">Design/</a>
       </li>
       <li>
         <a href="#">Branding/</a>
       </li>
       <li>
          <a href="#">Graphic/</a>
       </li>
       <li>
          <a href="#">Animation/</a>
       </li>
      </ul>
	  <div class="list-box">
	  <ul>
	  <li>
	  <img src="image/1-611 - 副本.jpg" alt="" width="700" height="467" />
	  <div class="wenzi">working in shop </div>
	  </li>
	    <li>
	  <img src="image/2 - 副本.jpg" alt="" width="330" height="220" />
	  <div class="wenzi">touch and swlpe </div>
	  </li>
	    <li>
	  <img src="image/2-2 - 副本.jpg" alt="" width="430" height="430" />
	  <div class="wenzi">what if you hire arek </div>
	  </li>
	    <li>
	  <img src="image/4-1 - 副本.jpg" alt="" width="430" height="430" />
	  <div class="wenzi">what if you hlre arek </div>
	  </li>
	    <li>
	  <img src="image/12 - 副本.jpg" alt="" width="320" height="240" />
	  <div class="wenzi">working in shop </div>
	  </li>
	    <li>
	  <img src="image/14 - 副本.jpg" alt="" width="320" height="240" />
	  <div class="wenzi">touch and swlpe </div>
	  </li>
	    <li>
	  <img src="image/13 - 副本.jpg" alt="" width="240" height="240" />
	  <div class="wenzi">what if you hire arek</div>
	  </li>
	    <li>
	  <img src="image/18 - 副本.jpg" alt="" width="366" height="240" />
	  <div class="wenzi">what if you hlre arek </div>
	  </li>
	    <li>
	  <img src="image/19 - 副本.jpg" alt="" width="169" height="240" />
	  <div class="wenzi">working in shop </div>
	  </li>
	    <li>
	  <img src="image/15 - 副本.jpg" alt="" width="248" height="240" />
	  <div class="wenzi">touch and swlpe </div>
	  </li>
	    <li>
	  <img src="image/21 - 副本.jpg" alt="" width="310" height="310" />
	  <div class="wenzi">what if you hire arek</div>
	  </li>
	    <li>
	  <img src="image/25 - 副本.jpg" alt="" width="310" height="310" />
	  <div class="wenzi">what if you hlre arek </div>
	  </li>
	  </ul>
	  </div>
    </div>

	<div class="copy">
	  <div class="copy1">
	    <ul>
		<li>欢迎使用</li>
		<li>联系我们：123456789277</li>
		<li>地址：宁夏银川市</li>

		</ul>
	  </div>
	  <div class="copy1">
	     <ul>
		<li>版权所有</li>
		<li>2016/9/2</li>
		<li>17:56</li>
		</ul>
	  </div>
	  <div class="copy1">

		<div class="copy-1">
		  <div align="center">收藏我们
		  </div>
		</div>
	  </div>
	  <div class="copy1">
	     <ul>
		<li>爱好聚集地</li>
		</ul>
		<table>

		</table>
	    <table width="201" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="50" align="center"><img src="image/26 - 副本.jpg" width="31" height="30"></td>
            <td width="50" align="center"><img src="image/14 - 副本.jpg" width="42" height="30"></td>
            <td width="50" align="center"><img src="image/23 - 副本.jpg" width="30" height="30"></td>
            <td width="51" align="center"><img src="image/18 - 副本.jpg" width="30" height="30"></td>
          </tr>
          <tr>
            <td align="center"><img src="image/2-2 - 副本.jpg" width="30" height="30"></td>
            <td align="center"><img src="image/24 - 副本.jpg" width="31" height="30"></td>
            <td align="center"><img src="image/27 - 副本.jpg" width="30" height="30"></td>
            <td align="center"><img src="image/2 - 副本.jpg" width="30" height="30"></td>
          </tr>
          <tr>
            <td align="center"><img src="image/15 - 副本.jpg" width="32" height="30"></td>
            <td align="center"><img src="image/16 - 副本.jpg" width="39" height="30"></td>
            <td align="center"><img src="image/21 - 副本.jpg" width="30" height="30"></td>
            <td align="center"><img src="image/4-1 - 副本.jpg" width="30" height="30"></td>
          </tr>
          <tr>
            <td height="30" align="center"><img src="image/2 - 副本.jpg" width="42" height="30"></td>
            <td align="center"><img src="image/20 - 副本.jpg" width="30" height="30"></td>
            <td align="center"><img src="image/24 - 副本.jpg" width="30" height="30"></td>
            <td align="center"><img src="image/27 - 副本.jpg" width="30" height="30"></td>
          </tr>
        </table>
	  </div>

	</div>




  </footer>
</body>
</html>
